.page-paging {
  :deep() {
    padding: 32rpx;

    .container {
      &>.link {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 32rpx;

        .com-button {
          min-width: 260rpx;
          margin-left: 32rpx;
        }
      }

      &>.contract-content {
        &>.btns {
          $gap: 16rpx;
          display: flex;
          flex-wrap: wrap;
          margin: calc($gap * -1);
          margin-bottom: $gap;

          &>:nth-child(n) {
            margin: $gap;
          }
        }

        &>.output {
          display: flex;
          margin-bottom: 32rpx;

          &>.n {
            flex: auto;
          }

          &>.com-button {
            border-radius: 8rpx;
            padding: 8rpx 24rpx;
            margin-left: 16rpx;
            font-size: 26rpx;
            line-height: 32rpx;
            flex-shrink: 0;
          }
        }

        &>.lands {
          margin-bottom: 32rpx;

          &>.row {
            display: flex;
            align-items: center;

            &>.column {
              flex-basis: 0;
              flex-grow: 1;
              flex-shrink: 0;
              position: relative;
              border: 2rpx solid var(--info-border-color);

              &::before {
                content: '';
                display: block;
                padding-top: 100%;
              }

              &>.c {
                position: absolute;
                @include locate();
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                &>.text {
                  margin-top: 8rpx;
                }

                &>.image {
                  width: 100%;
                }
              }
            }

            &>.is-active {
              background: var(--warning-background-color);
            }

            &>:not(:first-child) {
              border-left: 0;
            }
          }

          &>:not(:last-child) {
            &>.column {
              border-bottom: 0;
            }
          }
        }

        &>.miner {
          &>.title {
            color: var(--success-background-color);
            margin-bottom: 32rpx;
          }

          &>.header,
          &>.list {
            display: flex;
            align-items: center;
            margin-bottom: 16rpx;

            &>.item {
              flex-shrink: 0;
              flex-basis: 0;
              flex-grow: 1;
              font-size: 24rpx;
              line-height: 32rpx;
            }
            &>:last-child {
              flex-grow: 0.8;
              .com-button {
                justify-content: flex-start;
              }
            }
          }
        }
      }
    }
  }
}